<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>打车</title>
    <link rel="stylesheet" href="3.20.css">
    <meta name="viewport" content="width=device-width">

</head>
<body>
<div class="bk">
    <div class="title">
        <p>14:41✈               <img src="wife.PNG" alt="" align="right"></p>
    </div>
    <div class="title2">
        <img src="title2.PNG" alt="" >
    </div>
    <div class="content">
        <h3>正在寻找顺路车主...<img src="111.PNG" alt=""align="right"></h3>
        <p>请耐心等待，预计5-15分钟收到车主同行邀请 </p>
        <button>行程详情﹀</button>
    </div>
    <div class="content2">
        <div class="c0">
        <div class="c1">
            <h3 style="float: left">95%</h3>
            <p>顺路</p>
        </div>
            <p style="float: left">今天</p>
            <h3 >14:00</h3>
        </div>
        <div class="c2">
            <p ><i style="width: 10px;height: 10px;border-radius: 50%;background-color: aquamarine
;display: flex" ></i>西安市·西安北站-地铁站西北侧   4.1km</p>

            <p><i style="width: 10px;height: 10px;border-radius: 50%;background-color: yellow;
;display: block"></i>咸阳市·石家渠-公交站   15.2km</p>
        </div>
    <div class="c3">
        <h6><img src="头像.jpg" alt="">哈佛 哈佛大狗</h6>
        <p>☺白银车主|| 接单2次</p>
        <button style="display: flex">邀请接单</button>
    </div>
    </div>
    <div class="content2" style="margin: 13px">
        <div class="c0">
            <div class="c1">
                <h3 style="float: left">95%</h3>
                <p>顺路</p>
            </div>
            <p style="float: left">今天</p>
            <h3 >14:00</h3>
        </div>
        <div class="c2">
            <p ><i style="width: 10px;height: 10px;border-radius: 50%;background-color: aquamarine
;display: flex" ></i>西安市·西安北站-地铁站西北侧   4.1km</p>

            <p><i style="width: 10px;height: 10px;border-radius: 50%;background-color: yellow;
;display: block"></i>咸阳市·石家渠-公交站   15.2km</p>
        </div>
        <div class="c3">
            <h6><img src="头像.jpg" alt="">哈佛 哈佛大狗</h6>
            <p>☺白银车主|| 接单2次</p>
            <button style="display: flex">邀请接单</button>
        </div>
    </div>
</div>
</body>
</html>